@charset "utf-8";
/* CSS Document */
/*reset*/
ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,form{ padding:0; margin:0; font-weight:normal; }
ul,li{ list-style:none;}
img{ border:0;}
a{ color:#0c5dc2; text-decoration:none; outline:none;}
a:hover,a.current,span.current{ text-decoration:none;color:#ef4220;}
*{ outline:none;/* -moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; */}
input,textarea{font-family:"微软雅黑"; font-size:12px;  /*-moz-user-select:all;-webkit-user-select:all; -ms-user-select:all;*/ }
.hidden{ display:none;}

body{ margin:0; padding:0;font-family:"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei", Arial, Helvetica, sans-serif; *font-family:"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#696969;  -webkit-text-size-adjust:none; background:#f5f5f5;}

#header{ background:#194ca5; height:98px; position:relative; z-index:10;}
.container{ width:990px; margin:0 auto;}
#header .container{ position:relative;}
#logo{ position:absolute; left:0; top:15px;}
.main_nav{ position:absolute; right:0; top:40px;}
.main_nav li{ float:right; line-height:58px; margin:0 0 0 42px;}
.main_nav a{ color:#99bce6; font-size:15px; position:relative; display:block; float:left; height:58px;}
.main_nav a span{ background:url(../images/common/nav_dot.png) no-repeat; width:17px; height:9px; display:block; position:absolute; top:58px; left:50%; margin:0 0 0 -9px; display:none; overflow:hidden;}
.main_nav a:hover{ color:#fff;}
.main_nav a.current{ color:#fff;}
.main_nav a.current span{ display:block;}

.lang_nav{ width:147px; height:20px; position:absolute; top:20px; right:0; z-index:10;}
#lang{ background:url(../images/common/lang_select.gif) no-repeat; position:relative;width:147px; height:20px;}
#lang dt{ line-height:20px; margin:0 0 0 0px; position:relative; z-index:2; background:url(../images/common/cn.jpg) no-repeat 5px center; padding:0 0 0 55px; color:#525252;}
#lang dt.current{ background:none; padding:0 0 0 10px;}
#lang dd{ padding:5px 0 5px 0; line-height:20px; background:#fff; position:absolute; top:20px; width:147px; z-index:1; display:none;}
#lang dd li.en{ background:url(../images/common/en.jpg) no-repeat 7px center; padding:0 0 0 35px;}
#lang dd li.cn{background:url(../images/common/cn.jpg) no-repeat 7px center; padding:0 0 0 35px;}
#lang dd li a{ color:#767676;}
#lang dd li a:hover{ color:#242424;}

#footer{ background:#dbdbdb; height:42px; line-height:42px; color:#7c7c7c;}
#footer .copyright{ float:right;}
#footer a{ color:#7c7c7c;}
#footer a:hover{ color:#585858;}


.inner_container{ margin:40px auto 50px auto; background:#fff;}
h2.title{ line-height:72px; padding:0 0 0 54px; color:#194ca5; font-size:28px; height:120px; background:url(../images/common/title_bg.jpg) repeat-x top left; overflow:hidden; zoom:1; }
h2.title span{ position:relative; display:block; float:left; height:72px; }
h2.title span em{ background:url(../images/common/title_dot.png) no-repeat; width:19px; height:10px; overflow:hidden; position:absolute; top:72px; left:50%; margin:0 0 0 -10px;}

.about_intro{ width:882px; margin:0 auto; overflow:hidden; zoom:1;}
.about_intro .image{ float:right; width:300px; text-align:right;}
.about_intro h3{ color:#2a2a2a; font-size:15px; padding:0 0 25px 0; margin:0 0 25px 0; line-height:22px; border-bottom:1px dotted #a1a1a1;}
.about_intro .intro{ width:582px; float:left;}
.about_intro .intro p{}
.about_intro_2 .image{ float:left; text-align:left;}

.about_intro_3 h3{ border-bottom:none 0px;}


.solution_intro_box{ width:880px; margin:0 auto;}
.solution_intro_box h3{ font-size:20px; text-align:center; color:#282828; padding:0 0 50px 0;}
.solution_intro_box .image{ text-align:center;}
.solution_intro_box .intro{ background:url(../images/solution/solution_intro_bg_1.jpg) no-repeat; width:846px; height:537px; margin:0 auto; position:relative; }
.solution_intro_box_3 .intro{ background:url(../images/solution/solution_intro_bg_3.jpg) no-repeat left center; height:100px; padding:20px 0 0 125px;}
.solution_intro_box_3{ padding:0 0 50px 0;} 
.solution_intro_box_2 .intro{ background:url(../images/solution/solution_intro_bg_2.jpg) no-repeat left center; height:110px; padding:10px 0 0 125px;}
.solution_intro_box .intro dl dt{ color:#194ca5;}
.solution_intro_box .intro dl dd{ line-height:18px;}
.solution_intro_box .intro dl{ position:absolute;}
.solution_intro_box .intro dl.intro_1{ top:0; left:158px;}
.solution_intro_box .intro dl.intro_2{ top:0; left:451px;}
.solution_intro_box .intro dl.intro_3{ top:52px; left:648px;}
.solution_intro_box .intro dl.intro_4{ top:167px; left:52px;}
.solution_intro_box .intro dl.intro_5{ top:372px; left:180px;}
.solution_intro_box .intro dl.intro_6{ top:430px; left:350px;}
.solution_intro_box .intro dl.intro_7{ top:345px; left:540px;}
.solution_intro_box .intro dl.intro_8{ top:260px; left:712px;}

.job_intro{ width:880px; margin:0 auto; overflow:hidden; zoom:1;}
.job_intro .image{ float:right; width:480px; text-align:right;}
.job_intro .intro{ width:400px; float:left;}
.job_intro .intro p{ line-height:22px;}
.job_intro .intro h3{ color:#2a2a2a; font-size:15px; padding:0 0 15px 0; margin:0 0 15px 0; line-height:22px; border-bottom:1px dotted #a1a1a1;}
.job_intro .intro h4{ color:#194ca5; padding:15px 0 0 0; margin:15px 0 0 0; line-height:22px; border-top:1px dotted #a1a1a1;}
.job_intro th{ text-align:left; line-height:44px; background:#a2adbf; color:#fff; font-weight:normal; font-size:14px; padding:0 0 0 15px;}
.job_intro td{ padding:12px 15px 12px 15px; border-bottom:1px dotted #a1a1a1; vertical-align:top;}
.job_intro .last td{ border:none 0px;}
.job_tip{ width:860px; margin:40px auto; line-height:44px; background:#f5f5f5; font-style:italic; padding:0 0 0 20px;}
.job_intro .tel{ background:url(../images/job/tel_i.jpg) no-repeat; height:45px; line-height:22px; display:block; float:left; padding:0 30px 0 50px; font-size:14px;}
.job_intro .mail{ background:url(../images/job/mail_i.jpg) no-repeat; height:45px; line-height:45px; display:block; float:left; padding:0 0 0 50px; font-size:14px;}
.job_intro .mail a{ color:#696969; }
.job_intro .mail a:hover{ text-decoration:underline;}
.job_intro_link{ padding:0 0 45px 0;}

.contact_intro{ width:880px; margin:0 auto; overflow:hidden; zoom:1;}
.contact_intro .image{ float:right; width:480px; text-align:right; padding:0 0 50px 0;}
.contact_intro .intro{ width:400px; float:left; line-height:25px;}
.contact_intro .intro h3{color:#2a2a2a;}
.contact_intro a{ color:#696969; }
.contact_intro a:hover{ text-decoration:underline;}


/* index slide */
#indexSlide {margin: 0; padding: 0; overflow:hidden; position:relative;}
#indexSlide .slides li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#indexSlide .slides img {width: 100%; display: block;}
#indexSlideOutter{ position:relative;}
#indexSlide .flex-control-nav{ position:absolute; bottom:30px; width:152px; margin:0 0 0 -76px; left:50%; display:none;}
#indexSlide .flex-control-nav li{ float:left;}
#indexSlide .flex-control-nav a{ background:url(../images/index/banner_pagination.png) no-repeat; width:12px; height:12px; margin:0 8px; display:block; float:left; text-indent:-9999px; cursor:pointer; }
#indexSlide .flex-control-nav a.flex-active{ background-position:right top; width:12px;}

#indexSlide .slides .intro{ width:990px; position:absolute; top:198px; left:50%; margin:0 0 0 -495px; text-align:right;}
#indexSlide .slides .intro p{ }
#indexSlide .slides .intro .more{ background:url(../images/index/banner_more.png) no-repeat right center; padding:0 18px 0 0; font-size:15px;  color:#555; margin:15px 0 0; display:block; float:right;}
#indexSlide .slides a{ display:block; width:100%; height:100%; position:relative; z-index:10;}

.index_banner_1{ background:url(../images/index/banner_2.jpg) no-repeat center; height:440px;}
.index_banner_bg_1{ background:url(../images/index/banner_2_bg.jpg) repeat-x center;}

.index_banner_2{ background:url(../images/index/banner_1.jpg) no-repeat center; height:440px;}
.index_banner_bg_2{ background:url(../images/index/banner_1_bg.jpg) repeat-x center;}

.index_intro{ background:#fff; overflow:hidden; zoom:1; height:219px;}
.index_intro dl{ width:330px; float:left; margin:45px 14px 50px 0; height:160px; width:318px; height:122px; border:1px solid #cddae2; background:url(../images/index/intro_bg.png) repeat-x; }
.index_intro dl.last{margin:45px 0 50px 0;}
.index_intro dl dt{ width:122px; height:122px; overflow:hidden; float:left; }
.index_intro dl dd{ width:145px; float:left; padding:10px 0 0 20px;}
.index_intro dl dd h3{ font-size:20px; color:#184ca4;}
.index_intro dl dd p{ padding:10px 0; color:#8b8b8b;}
.index_intro dl dd a{ background:url(../images/index/intro_more.png) no-repeat right center; padding:0 15px 0 0; color:#4c91c3; }
.index_intro dl dd a:hover{ color:#184ca4;}

.client_box{ height:145px; background:#f5f5f5;}
.client_box .container{ position:relative;}
.client_box .prevBtn,.client_box .nextBtn{ background:url(../images/index/client_arrow.png) no-repeat; width:29px; height:29px; display:block; position:absolute; top:55px;}
.client_box .prevBtn{ left:0;}
.client_box .nextBtn{ right:0; background-position:top right;}
.client_box .prevBtn:hover{ background-position:left bottom;}
.client_box .nextBtn:hover{ background-position:right bottom;}

#client_slide_box li{ width:150px; height:60px; float:left; position:relative;}
#client_slide_box{width:900px; height:60px; margin:0 auto; overflow:hidden; position:relative; padding:40px 0 0 ;}

.partner_content{ text-align:center; padding:0 0 60px 0;}